<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link red="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./lib/轮播插件/styles/slider.css">
    <link rel="stylesheet" href="./css/moudule.css">
  <link rel="stylesheet" href="./css/register.css">
  <script src="./lib/轮播插件/javascripts/jquery-1.11.0.js"></script>
  <script src="./js/登录.js"></script>
   
</head>
<body>
     <!-- 这是头部区域开始 -->
   <div class="box" >
    <div class="header">
        <!-- 这是头部上面区域 -->
       <div class="wrapper header_div1 clearfix">
           <div class="header_content fr">欢迎光临
               <span>乐购，</span>&nbsp;
               请&nbsp; 登陆\
               <span>注册</span>
           </div>
       </div>
   </div>
         <!-- 这是头部下面区域 -->
         <div class="header_div2 wrapper clearfix ">
           <form action="#" class="  f1">
              <input type="text"><button></button>               
          </form>

          <div class="span_div fr "> <a href="#">购物车&nbsp;3</a><a href="#">我的订单</a></div>
         
      </div>

      <div class="header_div3  clearfix wrapper" >
      <ul >
        <li><a href="./index.html" target="_blank">图书</a></li>
        <li><a href="#">电子书</a></li>
        <li><a href="./product_list.html" target="_blank">原创文学</a></li>
        <li><a href="./product_detalis.html" target="_blank">服装</a></li>
        <li><a href="./register.html" target="_blank">户外运动</a></li>
        <li><a href="./Shopping.html" target="_blank">电子书</a></li>
         <li><a href="">电子书</a></li>
         <li><a href="">电子书</a></li>
         <li><a href="">电子书</a></li>
         <li><a href="">电子书</a></li>
         <li><a href="">电子书</a></li>
         
         <li><a href="">电子书</a></li>
      </ul>
      <img src="./imags/logo.jpg" alt="">
      </div>
     
  </div>
 <!-- 这是头部区域结束 -->
     <!-- 这是镖旗但登录区域开始 -->
 
     <div class="wrapper register">
     <form action="../测试.html" name="用户登录信息" id="biaodan">
      <p>
          <span>用户名</span><input type="text" placeholder="你的账户名跟登录名" name="用户名" id="uname">
          <span class="span1"></span>
      </p>

      <p> <span>设置密码</span><input type="password" placeholder="建议设置两种字符密码" name="密码" id="pwc">
    <span class="span1"></span>
    </p>

      <p> <span>确认密码</span><input type="text" placeholder="再次输入密码" name="确认密码" id="reset_pwc">
    <span class="span1"></span>
    </p>

      <p> <span>中国+86</span><input type="text" placeholder="建议使用常用手机号" name="手机号" id="tel">
    <span class="span1"></span>
    </p>

      <p><span>验证码</span><input type="text" placeholder="请输入验证码" name="验证码" id="yanzhengma"> <span class="span1 span_dw">4E7R</span></p>

      <p><span>手机验证码</span><input type="text" placeholder="请输入手机验证码" name="手机验证码" id="telyanzhengma"> <span class="span1 span_dw">获取验证码</span></p>

       <div><input type="radio" name="注册须知" value="同意">我已同意并阅读<span>京东用户注册协议</span></div>
     <br>
      
     <input type="submit" value="登录">
     </form>

     </div>

     <!-- 这是表单登录区域结束 -->
  <!-- 这是纯图标区域 -->
  <div class="serve">
    <div class="wrapper serve_div1">
       
        <div><img src="./imags/222_11.png" alt=""></div>
        <div><img src="./imags/222_13.png" alt=""></div>
        <div><img src="./imags/222_15.png" alt=""></div>
        <div><img src="./imags/222_17.png" alt=""></div>
   
    </div>
</div>
         <!-- 这是footer区域开始 --> 
         <div class="footer">
            <!-- 这是footer的上边区域 -->
            <div class="wrapper footer_div1 clearfix">
                <ul>
                    <li>
                        <h2>购物指南</h2>
                    </li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                </ul>
                <ul>
                 <li>
                     <h2>购物指南</h2>
                 </li>
                 <li>购物流程</li>
                 <li>购物流程</li>
                 <li>购物流程</li>
                 <li>购物流程</li> 
             </ul>
             <ul>
                 <li>
                     <h2>购物指南</h2>
                 </li>
                 <li>订单配送查询</li>
                 <li>订单配送查询</li>
                 <li>订单配送查询</li>
                 <li>订单配送查询</li>
             </ul>
             <ul>
                 <li>
                     <h2>购物指南</h2>
                 </li>
                 <li>自助申请退换货</li>
                 <li>自助申请退换货</li>
                 <li>自助申请退换货</li>
                 <li>自助申请退换货</li>
             </ul>
             <ul>
                 <li>
                     <h2>购物指南</h2>
                 </li>
                 <li>购物流程</li>
                 <li>购物流程</li>
                 <li>购物流程</li>
                 <li>购物流程</li> 
             </ul>
             <div class=" fr footer_logo"><img src="./imags/logo_00.png" alt="加载失败"></div>
            </div>

   <div class="wrapper footer_div2">  
       <p><span>公司简介  &nbsp;|</span> <span>Investor Relations   &nbsp;|</span>   <span>机构销售 &nbsp; |</span> 
         <span>机构销售 &nbsp; |</span>
         <span>机构销售 &nbsp; |</span>
         <span>机构销售  &nbsp;|</span>
         <span>机构销售 &nbsp; |</span>  
         <span>机构销售  &nbsp;|</span></p>
        
       <p>Copyright &copy; 乐购网 2004-2016, All Rights Reserved</p>
   </div>
      </div>
  <!-- 这是头部logo的固定定位开始 -->

  <div class="logolocation">
    <div class="wrapper">
        <img src="./imags/logo.jpg" alt="">  <span class="span_left f1">欢迎登陆</span>   <a href="#" class="fr"><span>已有账号?,请</span>登录</a>
    </div>
  </div>

  <!-- 这是头部logo的固定定位结束 -->

</body>
</html>